<!DOCTYPE html>
<html lang="en">
<head>
<link href="/static/js/bootstrap/css/bootstrap.css" rel="stylesheet">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script type="text/javascript" src="/static/js/bootstrap/js/bootstrap.js"></script>
</head>
<body>
<div class="container">
    <div class="navbar navbar-fixed-top navbar-inverse">
        <div class="navbar-inner">
            <a class="brand" href="#">TicketQuest Ticket System</a>
            <ul class="nav">
                <li class="active"><a href="/index/">Home</a></li>
            </ul>
            <div class="btn-group dropdown pull-right" style="margin-right: 2%;">
                {% if user.is_authenticated %}
                    <a class="btn" href="/accounts/?user={{user.id}}">
                        <i class="icon-user"></i>{{user.username}}
                    </a>
                {% else %}
                    <a class="btn" href="/login/">
                        <i class="icon-user"></i> Login</a>
                {%endif%}
                {% if user.is_authenticated %}
                    <button class="btn dropdown-toggle" data-toggle="dropdown">
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu">
                        <li><a href="/logout/">Logout</a></li>
                    </ul>
                {% endif %}
            </div>
                
                
        </div>
    </div>
</div>
<div class="container-fluid well" style="margin-top: 3%;">
    {% block content %}
    
    {% endblock %}
</div>
</body>
</html>

